*{margin:0px;padding:0px;}body{background:#fff;margin:0px;padding:0px;text-decoration:none;font-variant:normal;font-family:'Microsoft YaHei';}a:link,a:visited,a:hover,a:active{text-decoration:none;}a{text-decoration:none;}li{list-style-type:none;}ul,ol{list-style-type:none;list-style-image:none;}input[type="button"],input[type="submit"],input[type="text"]{-webkit-appearance:none;}textarea{-webkit-appearance:none;}select{-webkit-appearance:none;}html{font-size:12px;}@media screen and (max-width:1199px){html{font-size:100px;}body{max-width:750px;margin:0 auto;}}@media (max-width:767px){html{font-size:13.333333333333vw;}body{max-width:initial;}}@font-face {    font-family:SourceHanSansCN-Light;    src: url(../font/SourceHanSansCN-Light.ttf),url(../font/SourceHanSansCN-Light.woff);} .main{	width: 1400px;	margin:0 auto; }.top{	width: 100%;	height: auto;	overflow: hidden;	background: #EEEEEE;	 }.top p{	color: #999999;	font-size: 15px;	line-height: 40px;	float: left;}.top  ul{	float: right;}.top  ul li{	float: left;	line-height: 40px;	padding:  0 10px;	position: relative;}.top  ul li:after{	content: "";	width: 1px;	height: 14px;	position: absolute;	right: 0;	top: 50%;	transform: translateY(-50%);	background:#A6A6A6;}.top  ul li:last-child:after{	width: 0;	height: 0;	overflow: hidden;}.top  ul li a{	color: #999999;	font-size: 13px;}.head{	width: 100%;	height: auto;	overflow: hidden;} .head .main{	display: flex;	justify-content: space-between;	align-items: center;	min-height: 120px;	padding: 20px 0;	box-sizing: border-box;}.head  .tel {	display: flex;	justify-content: space-between;	align-items: center;}.head  .tel img{	display: block;	margin-right: 10px;}.head  .tel  p{	color: #666666;	font-size: 16px;	font-family: 'SourceHanSansCN-Light';}.head  .tel  b{	color: #2460d2;	display: block;	width: 320px;	font-size: 38px;	line-height: 40px;}.banner{	width: 100%;	height: auto;	overflow: hidden;	position: relative;}.banner  .swiper-wrapper  img{	display: block;	width: 100%;}.pcbanner  .swiper-pagination{	display: flex;	justify-content: center;	align-items: center;	bottom:40px !important;	width: 100%;}.pcbanner  .swiper-pagination span{	display: block;	width: 10px;	height: 10px;	opacity: 1;	border: 1px solid #fff;	background: #FFFFFF !important;	color: #fff;	overflow: hidden;	opacity: 1;	background: none;	margin: 0 10px !important;	position: relative;	line-height: 40px;	font-size: 16px;} .pcbanner  .swiper-pagination  .swiper-pagination-bullet-active{	width: 40px;	color: #fff;	border: 1px solid #fff;	height: 40px;	background: none !important;}.mbanner{	display: none;}.in-banner img{	display: block;	width: 100%;}.in-banner img:last-child{	display: none;}.nav{	width: 100%;	height: 70px;	background:#0263B2;	position: relative;	z-index: 100;}.nav ul{	width: 1400px;	display: flex;	justify-content: space-between;	align-items: center;	height: 70px;	margin: 0 auto; 	box-sizing: border-box;}.nav ul li{	float: left;	line-height: 70px;	width: 100%;	text-align: center;	position: relative;} .nav ul li a{	color: #fff;	font-size: 18px;	display: block;}.nav ul ul{	height: auto;	overflow: hidden;	position: absolute;	left: 0;	top: 70px;	width:100%;	z-index: 100;	border: none;	display: none;}.nav ul ul li{	height:60px;	line-height:60px;	background: rgba(47,121,184,.8);	margin-bottom: 1px;	padding: 0 5px;	box-sizing: border-box;	border-bottom: 1px solid transparent;	border-top: 1px solid transparent;} .nav ul ul li a{	display: block;	color: #333333;	font-size: 15px;	 white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    color: #333333;    font-weight: normal;} .title h4{	color: #333333;	font-size: 40px;	text-align: center;}.title  b{	color: #2460d2;}.title span{	display: block;	text-align: center;	color: #999999;	font-size: 13px;	letter-spacing: 2px;	margin-top: 5px;	text-transform: uppercase;	letter-spacing: 4px;}.title p{	color: #666666;	text-align: center;	margin-top: 8px;	font-size: 16px;} .product{	width: 100%;	height: auto;	overflow: hidden;	margin-top: 70px; 	box-sizing: border-box;}.product .main{	height: auto;	overflow: hidden;}.product .pro-btn{	display: none;}.product  .tab{	width: 1184px;	margin: 0 auto;	height: auto;	overflow: hidden;	margin-top: 20px;}.product  .tab ul li{	float: left;	width: 219px;	height: 60px;	border: 1px solid #DCDCDC;	box-sizing: border-box;	background:#2460D2;	text-align: center;	line-height: 60px;	margin-left: 22px;	margin-top: 10px;}.product  .tab ul li:nth-child(5n-4){	margin-left: 0;}.product  .tab ul li a{	display: block;	font-size: 18px;	color: #fff;	 white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;}.product .pic{	width: 100%;	height: auto; 	margin-top: 30px;	overflow: hidden;}.product .pic ul li{	float: left;	width: 333px;	height:auto;	border: 1px solid #DCDCDC;	box-sizing: border-box;	padding: 20px;	padding-bottom: 0;	background: #fff;	margin-bottom: 20px;	margin-left: 20px;}.product .pic ul li:nth-child(4n-3){	margin-left: 0;}.product .pic ul li div{	border: 1px solid #DCDCDC;	box-sizing: border-box;}.product .pic ul li img{	display: block;	width: 100%;}.product .pic ul li p{	text-align: center;	font-size: 18px; 	line-height: 75px;	text-align: center;	color: #333333;	 white-space: nowrap;    text-overflow: ellipsis;     overflow: hidden;} .product .more{	background:#0263B2;	color: #fff;	border: 1px solid#0263B2;}  .about{	width: 100%;	height:650px;	margin-top: 60px;	overflow: hidden;	background: url(../images/about-bg.jpg) no-repeat center;}.about  .main{	display: flex;	height: 650px;	justify-content:space-between;	align-items: center;}.about .tit{	width: 600px;	height: 420px;	border: 12px solid #ffffff60;	box-sizing: border-box;	flex-wrap: wrap;	display: flex;	align-items: center;	justify-content: center;	flex-direction: column;}.about .tit b{	color: #fff;	font-size: 56px;}.about .tit p{	width: 100%;	text-align: center;	color: #fff;	font-size: 36px;	margin-top: 5px;}.about .intro{	width: 628px;	height: auto;	overflow: hidden;}.about .intro h4{	color: #333333;	font-size: 30px;}.about .intro .info{	width: 100%;	height: auto;	overflow: hidden;	margin-top:30px;	color: #333333;	font-size: 16px;	line-height: 32px;	text-indent: 2em;	display: -webkit-box;	-webkit-line-clamp:7;	-webkit-box-orient: vertical;	overflow: hidden;}.about .intro a{	display: block;	width: 200px;	height: 50px;	background:#2460D2;	text-align: center;	color: #fff;	font-size: 15px;	line-height: 50px;	margin-top: 45px;}.about .intro  b{	color: #2460d2;	font-size: 36px;	display: block;	width: 100%;	margin-top: 40px;}.about .intro .tel{	display: flex;	align-items: center;	margin-top: 30px;}.about .intro .tel img{	display: block;	margin-right: 10px;}.about .intro .tel  p{	color: #555555;	font-size: 18px;	font-weight: bold;}.about .intro .tel  span{	color: #2460d2;	font-size: 22px;	display: block;	max-width: 370px;	font-weight: bold;}.honor{	width: 100%;	height: auto;	overflow: hidden;	background: #F2F2F2;	padding: 40px 0;	padding-bottom: 60px;	box-sizing: border-box;}.honor .tit:after{	content: "";	width: 36px;	height: 2px;	position: absolute;	left: 50%;	transform: translateX(-50%);	bottom: 0;	background: #0D50BE;}.honor .tit {	position: relative;	height: auto;	overflow: hidden;	padding-bottom: 20px;}.honor .tit h4{	color: #333333;	font-size: 32px;	text-align: center;	position: relative;}.honor .show{	width: 100%;	height: auto;	overflow: hidden;	margin-top: 40px;}.honor .show .pic{	float: left;}.honor .show .box{	width: 800%;}.honor .show .pic{	float: left;}.honor .pic ul li{	float: left; 	padding: 6px; 	padding-bottom: 0; 	margin-left: 24px; 	box-sizing: border-box; 	background: #C3D8FF;	height: auto;}.honor .pic ul li p{	text-align: center;	color: #333333;	line-height: 50px;	font-size: 18px;	 white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden; 	}.adv{	width: 100%;	height: auto;	overflow: hidden;	margin-top: 60px;}.adv .advSwiper{	margin-top: 35px;}.adv .advSwiper .swiper-wrapper{	display: block;}.adv .advSwiper  .swiper-slide{	width: 440px;	height: 545px;	overflow: hidden;	background: #F5F4F4;	float: left;	margin-left: 26px;	padding: 20px;	border-bottom: 6px solid #2460D2;	box-sizing: border-box;}.adv .advSwiper  .swiper-slide:fist-child{	margin-left: 0;}.adv .advSwiper  .swiper-slide img{	display: block;	width: 100%;}.adv .advSwiper  .swiper-slide .intro{	width: 100%;	height: auto;	overflow: hidden;	margin-top: 30px;}.adv .advSwiper  .swiper-slide .intro b{	color: #2460d2;	font-size: 30px;}.adv .advSwiper  .swiper-slide .intro h4{	color: #333333;	font-size: 26px;	width: 100%;	  white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;}.adv .advSwiper  .swiper-slide .intro p{	color: #666666;	font-size: 16px;	line-height: 30px;	display: -webkit-box;	-webkit-line-clamp:4;	margin-top: 10px;	-webkit-box-orient: vertical;	overflow: hidden;}.cases{	width: 100%;	height: auto;	overflow: hidden;	margin-top: 60px;}.cases .title{	margin-bottom: 35px;}.cases .caseSwiper{	float: left;	width: 720px;	height: 520px;	float: left;	position: relative;	overflow: hidden;}.cases .swiper-slide img{	display: block;	width: 100%;}.cases .swiper-slide{	position: relative;}.cases .swiper-slide p{	position: absolute;	width:100%;	padding-left: 20px;	padding-right: 50%;	position: absolute;	left: 0;	height: 60px;	color: #fff;	font-size: 18px;	bottom: 0;	line-height: 60px;	 white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    box-sizing: border-box;	background: rgba(36,96,210,.8);}.cases .swiper-pagination{	position: absolute;	right: 20px;	bottom: 0;	display: flex;	justify-content: center;	height: 60px;	align-items: center;}.cases .swiper-pagination span{	display: block;	width: 12px;	height: 12px;	background: #FFFFFF;	opacity: 1;	margin: 0 5px;}.cases .swiper-pagination .swiper-pagination-bullet-active{	background: #FFAD01;}.cases  ul{	float: right;	width: 660px;	height: auto;	overflow: hidden;}.cases  ul li{	float: left;	width: 325px;	height: auto;	position: relative;	overflow: hidden;	margin-bottom: 10px;}.cases  ul li img{	display: block;	width: 100%;	height: 255px;}.cases  ul li:nth-child(2n){	float: right;}.cases  ul li p{	width: 100%;	height: 40px;	line-height: 40px;	text-align: center;	color: #fff;	font-size: 16px;	 white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;    position: absolute;    left: 0;    bottom: 0;    background: rgba(0, 0, 0,.5);}.news{	width: 100%;	height: auto;	overflow: hidden; 	margin-top: 60px; 	margin-bottom: 60px;}.news .title{	margin-bottom: 35px;}.news .left{	float: left;	width: 520px;	height: auto;	background: #F5F5F5;	padding: 30px;	box-sizing: border-box;	overflow: hidden;}.news .left img{	display: block;	width: 100%;}.news .left .intro{	margin-top: 10px;}.news .left .intro h4{	color: #333333;	font-size: 18px;	width: 100%;	white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;}.news .left .intro span{	color: #999999;	font-size: 13px;	display: block;	margin: 15px 0;}.news .left .intro  p{	width: 100%;	color: #666666;	font-size: 14px;	line-height: 22px;}.news  ul{	float: right;	width: 860px;	height: auto;	overflow: hidden;}.news ul li{	float: left;	width: 420px;	height: 220px;	margin-bottom: 25px;	background: #F5F5F5;	padding: 25px;	padding-top: 15px;	box-sizing: border-box;}.news ul li .time{	width: 100%;	height: 85px;	display: flex;	justify-content: space-between;	overflow: hidden;	border-bottom: 1px dashed #E6E6E6;}.news ul li:nth-child(2n){	float: right;}.news ul li .time b{	color: #333333;	font-size: 40px;}.news ul li .time p{	color: #999999;	font-size: 16px; }.news ul li .time i{	display: block;	color: #999999;	font-size: 16px;	margin-top: 5px;	width: 45px;	height: 45px;	border: 1px solid #DDDDDD;	border-radius: 50%;	text-align: center;	line-height: 45px;}.news ul li .info{	width: 100%;	height: auto;	overflow: hidden;	margin-top: 15px;}.news ul li .info h4{	color: #333333;	font-size: 16px;	width: 100%;	white-space: nowrap;    text-overflow: ellipsis;    font-weight: normal;    overflow: hidden;}.news ul li .info p{	width: 100%;	color: #999999;	font-size: 14px;	line-height: 24px;	display: -webkit-box;	-webkit-line-clamp:2;	-webkit-box-orient: vertical;	overflow: hidden;	margin-top: 15px;}.cp{	width: 100%;	height: auto;	overflow: hidden;	margin-top: 60px;}.cp .cpSwiper{	width: 100%;	overflow: hidden;	margin-top: 35px;}.cp .swiper-slide{	width: 216px;	border: 1px solid #CCCCCC;	box-sizing: border-box;	 	height: auto;	overflow: hidden;}.cp .swiper-slide img{	display: block;	width: 100%;}.cp .swiper-slide:nth-child(6n-5){	margin-left: 0;}.cp .swiper-wrapper{	flex-wrap:wrap;	flex-direction: column;	height: 230px;}.links{	width: 100%;	height: auto;	overflow: hidden; 	border-top: 1px solid #E5E5E5;	padding: 24px 0;	box-sizing: border-box;	margin-top: 60px;}.links .tit {	display: flex;	float: left;	align-items: center;}.links .tit img{	display: block;}.links .tit p{	color: #333333;	font-size: 18px;	font-weight: bold;	margin-left: 10px;}.links  ul{	float: left;	width: 1100px;	height: auto;	overflow: hidden;}.links  ul li{	float: left;	padding: 0 10px;	line-height: 30px;}.links  ul li a{	color: #333333;	font-size: 13px;}.footer{	width: 100%;	height: auto;	overflow: hidden;	padding: 50px 0;	box-sizing: border-box;	background: #333333;} .footer .tit p{	color: #fff;	font-size: 18px;	font-weight: bold;}.footer .intro{	width: 460px;	float: left;} .footer  .info{	margin-top: 20px;}.footer  .info p{	color: #fff;	font-size: 14px;	line-height: 30px;	 }.footer .menu{	width: 290px;	height: auto;	float: left;	margin-left: 120px; }.footer .menu  ul{	margin-top: 20px;}.footer .menu  ul li{	float: left;	width: 140px;	height: 42px;	border: 1px solid #fff;	box-sizing: border-box;	line-height: 42px;	text-indent: 15px;	position: relative;	margin-bottom: 10px;}.footer .menu  ul li:after{	content: "+";	position: absolute;	right: 20px;	color: #fff;	font-size: 14px;}.footer .menu  ul li a{	color: #fff;	font-size: 16px;}.footer .menu  ul li:nth-child(2n){	float: right;}.footer  .ewm{	float: right;}.footer  .ewm img{	display: block;	width: 140px;	height: 140px;	border: 10px solid #fff;	 }.footer  .ewm p{	text-align: center;	color: #fff;	font-size: 13px;	margin-top: 10px;}.gotop{	display: none;	 } .float-right{	display: block;	position: fixed;	right: 0;	bottom: 100px;	border: 1px  solid #CCCCCC;	box-sizing: border-box;	z-index: 100;}.float-right ul li {	width: 80px;	height: 80px;	display: flex;	flex-wrap: wrap;	flex-direction: column;	position: relative;	background: #fff;	justify-content: center;	align-items: center;	border-bottom: 1px solid #CCCCCC;}.float-right ul li:last-child{	border-bottom: none;}.float-right ul li b{	position: absolute;	height: 80px;	left: -172px;	background: #2460D2;	color: #fff;	width: 150px;	display: flex;	justify-content: center;	align-items: center;	text-align: center;	font-size: 18px;	opacity: 0;	transition: .5s;	visibility: hidden;}.float-right ul li:hover b{	left: -152px;	opacity: 1;	visibility: inherit;}.float-right ul li i{	display: block;	width: 29px;	height: 30px;	background: url(../images/float01.png) no-repeat center top;}.float-right ul li:nth-child(2) i{	background: url(../images/float02.png) no-repeat center top;}.float-right ul li:nth-child(3) i{	background: url(../images/float03.png) no-repeat center top;}.float-right ul li div{	position: absolute;	left: -172px;	bottom: 0;	transition: .5s;	padding: 5px;	opacity: 0;	visibility: hidden;	background: #2460D2;}.float-right ul li div img{	display: block;	width: 140px;	height: 140px;}.float-right ul li:hover div{	opacity: 1;	visibility: inherit;	left: -152px;}.float-right ul li p{	text-align: center;	font-size: 14px;	margin-top: 5px;}.float-right ul li:hover {	background: #2460D2;}.float-right ul li:hover i{	background-position: center bottom!important;}.float-right ul li:hover  p{	color: #fff;}.float{	display: none;}.cr{	width: 100%;	height: 50px;	background: #555555;	text-align: center;	color: #999999;	font-size: 14px;	display: flex;	justify-content: center;	}.cr p{	text-align: center;	line-height: 50px;} .fn{	display: none;}.crumbs{	width: 100%;	height: auto;	overflow: hidden;	background: #f8f8f8;}.crumbs .tit{	width: 52px;	border-left: 1px solid #d2d2d2;	border-right: 1px solid #d2d2d2;	height: 52px; 	float: left; 	margin-right: 17px; }.crumbs .tit img{	display: block;	margin: 0 auto;	margin-top: 16px;}.crumbs p{	float: left;	color: #999;	font-size: 14px;	line-height: 52px;}.crumbs  a{ 	color:#999999;	 	padding-right: 20px;	position: relative;	font-size: 14px;	line-height: 52px;}.crumbs  a:after{	content: ">";	position: absolute;	right:5px;	top: 0;	height: 20px;	line-height: 20px;	color:#999;	display: block;	font-size: 12px;}.crumbs  a:last-child:after{	width: 0;	height: 0;	overflow: hidden;}.inside-cont{	width: 100%;	height: auto;	overflow: hidden;	background: #eeeeee;	padding-bottom: 20px;}.inside-cont .section{	width: 100%;	height: auto;	overflow: hidden;	background: #fff;	padding: 35px;	box-sizing: border-box;}.about-article{	width: 100%;	height: auto;	overflow: hidden;	margin-top: 30px; 	 } .about-article img{	display: block;	margin: 0 auto;}.about-article .info{ 	color:#555555;	font-size: 16px;	line-height: 30px;	text-indent: 2em;}.cont-article{	width: 1115px;	margin: 0 auto;	height: auto;	overflow: hidden;	margin-bottom: 40px;}.cont-article .title{	margin-top: 55px;	margin-bottom: 40px;}.cont-article ul{	height: auto;	overflow: hidden;}.cont-article ul li{	float: left;	width: 500px;	height: auto;	overflow: hidden;	border-bottom: 1px solid #d2d2d2;	display: flex;	justify-content: flex-start;	margin-bottom: 35px;	padding-bottom: 13px;	align-items: center;}.cont-article ul li:nth-child(2n){	float: right;}.cont-article ul li p{	color:#555555;	font-size: 18px;	margin-left: 20px;}.about-article .map{	width: 100%;	height: 420px;	border: 3px solid #d2d2d2;	box-sizing: border-box;	margin-top: 30px;}.pro-list{	background: none;	margin-top:20px;	padding: 0;} .pro-list .pic ul li:nth-child(n+9){	display: block !important;} .page{	width: 100%;	height: auto;	overflow: hidden;	margin: 30px auto; }.page  ul{	display: table;	margin: 0 auto;}.page  ul li{	border: 1px solid #ccc;	padding: 0 10px;	height: 30px;	line-height: 30px;	color:#333;	float: left;	margin: 0 3px;}.page  ul li a{	color:#333;	}.page ul  .thisclass{	background:#0263B2;	color:#fff;	border: 1px solid#0263B2;}.page ul  .thisclass a{	color: #fff;}.page  select{	border: none;	background: none;	outline: none;}.cases-list{	width: 100%;	height: auto;	overflow: hidden;}.cases-list ul li{	width: 270px;	height: auto;	overflow: hidden;	border-radius: 10px;	border: 1px solid #eee;	float: left;	box-sizing: border-box;	margin-left:15px;	padding: 10px;	margin-bottom: 15px;}.cases-list ul li:nth-child(4n-3){	margin-left: 0;}.cases-list ul li:hover {	border: 1px solid #ffb245;}.cases-list ul li:hover .pic img{	transform: scale(1.05);}.cases-list ul li .intro{	width: 245px;	height: auto;	overflow: hidden;	background: #ffb245;	padding: 15px;	box-sizing: border-box;}.cases-list ul li .intro h4{	width: 100%;	border-bottom: 1px dashed#988364;	height: 28px;	color:#333333;	font-size: 16px;	font-weight: normal;	 white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;}.cases-list ul li .intro .info{	width: 100%;	height: auto;	overflow: hidden;	margin-top: 10px;}.cases-list ul li .intro span{	color:#333333;	font-size: 13px;}.cases-list ul li .intro p{	font-size: 13px;	color:#333333;	line-height: 20px;	display: -webkit-box;	height: 60px;	-webkit-line-clamp:3;	-webkit-box-orient: vertical;	overflow: hidden;	margin-top: 3px;}.cases-list ul li .pic{	width: 245px;	height: auto;	overflow: hidden;}.cases-list ul li .pic img{	display: block;	width: 100%;	transition: .5s;}.news-list{	width: 1200px;	margin: 0 auto;	height: auto;	margin-top: 40px;	overflow: hidden; }.news-list ul li{	width:100%;	height: auto;	overflow: hidden; 	border: 1px dotted #E7E7E7; 	box-sizing: border-box;	padding: 14px;	margin-bottom: 12px;} .news-list ul li  a{	display: flex;	justify-content: space-between;	align-items: center;}.news-list ul li .time{	width:110px;	height:110px;	background:#707070;	position: relative;	overflow: hidden;	border: 1px dotted #C1C1C1;}.news-list ul li .time:after{	content: "";	width: 16px;	height: 1px;	position: absolute;	left: 50%;	margin-left: -8px;	background: #fff;	top: 55px;}.news-list ul li .time span{	color: #fff;	font-size: 16px;	margin-top:20px;	text-align: center;	display: block;}.news-list ul li .time p{	color: #fff;	text-align: center;	margin-top: 20px;	font-size: 22px;}.news-list ul li .info{	width:1015px;	margin-right: 20px;}.news-list ul li .info h4{	color: #111111;	font-size: 18px;	width: 100%;	white-space: nowrap;    text-overflow: ellipsis;    padding-right: 20px;    box-sizing: border-box;    overflow: hidden;    font-weight: normal;    background: url(../images/icon01.png) no-repeat right center;}.news-list ul li .info p{	color: #666666;	font-size: 15px;	line-height: 28px;	margin-top: 10px;	display: -webkit-box;	-webkit-line-clamp:2;	-webkit-box-orient: vertical;	overflow: hidden;}.detailed{	width: 100%;	height: auto;	overflow: hidden;	margin-top: 55px;}.detailed .tit{	width: 100%;	height: auto;	overflow: hidden;	 	padding-bottom: 5px;}.detailed .tit h4{	font-size: 22px;	text-align: center;	color:#333;	line-height: 30px;}.detailed .tit p{	text-align: center;	color:#333;	display: block;	margin-top: 10px;	background: #eee;	border-bottom: 1px solid #f1f1f1;	line-height: 40px;	font-size: 14px;	text-align: center;}.detailed .tit span{	margin: 0 10px;}.detailed  img{	display: block;	margin: 0 auto;	max-width: 100% !important;}.detailed  .info{	width: 100%;	height: auto;	overflow: hidden;	margin-top: 15px;	min-height:150px;	color:#333;	line-height: 30px;	font-size: 16px;}.detailed .info p{	text-indent: 2em;}.img-list{	width: 100%;	height: auto;	margin-top: 30px;	overflow: hidden;}.img-list ul li{	float: left;	width: 337px;	margin-left: 15px;	margin-bottom: 10px;}.img-list ul li div{	border: 1px solid #eee;}.img-list ul li img{	display: block;	width: 100%;}.img-list ul li p{	width: 100%;	height: 40px;	 white-space: nowrap;  white-space: nowrap; overflow:hidden; line-height: 40px;	color: #333;	font-size: 16px;	text-align: center;	  white-space: nowrap;    text-overflow: ellipsis;}.img-list ul li:nth-child(4n-3){	margin-left: 0;}.fy{	width: 1400px;	height: auto;	overflow: hidden;	margin: 30px auto;	border-top: 1px solid #d2d2d2;	border-bottom: 1px solid #d2d2d2;}.fy p{	width: 240px;	height: 50px;	float: left;	line-height: 50px;	text-align: center;	white-space: nowrap;	overflow: hidden;	padding: 0 10px;    text-overflow: ellipsis;	border-left: 1px solid #d2d2d2;}.fy p:first-child{ 	border: none; }.fy a{ 	color:#333333; 	font-size: 14px; }.fy .return{  	float: right;  	line-height: 50px;  	width: 140px;  	border-left: 1px solid #d2d2d2;  	text-align: center;}.message {		height: auto;	overflow: hidden;	margin: 0 auto;	margin-top: 55px;	display: table;	margin-bottom: 55px;}.message .bd{ 	display: table;	height: auto;	overflow: hidden;	margin-top: 30px;	padding:30px;	background: #fff;	box-sizing: border-box;}.message img{	display: block;	float: left;}.message form{	width: 500px;	float: left;	margin-left: 30px; }.message form ul li{	width: 100%;	height:auto;	overflow: hidden;	border: 1px solid #d2d2d2;	margin-bottom: 15px;	background: #fff;	border-radius: 5px;}.message form ul li input{	height: 50px;	border: none;	width: 100%;	outline: none;	text-indent: 10px;	color:#999999;	font-size: 16px;	background: none;	font-family: '微软雅黑' ;}.message form ul li textarea{	width: 500px;	height: 100px;	border: none;	outline: none;	font-family: '微软雅黑' ;	resize: none;	background: none; 	text-indent: 10px;	padding-top: 10px;	color:#999;	font-size: 16px;}.message form .btn input{	width: 240px;	display: block;	height: 60px;	float: left;	margin-top: 20px;	background: #065fc3;	outline: none;	border: none;	font-size: 18px;	color:#fff;	border-radius: 5px;}.message form .btn input:last-child{	float: right;	background: #999;}@media (min-width: 1200px){ 	  	.nav ul li:hover{ 		background:#FFAD01; 	}  	.nav ul li:hover ul li a{ 		color: #fff; 	} 	.nav ul li:hover ul li{ 		background: rgba(2,99,178,.8); 	} 	.nav ul li:hover ul{ 		display: block; 	} 	.nav ul li ul li:hover  { 		border-top: 1px solid #F4DFD0; 		border-bottom: 1px solid #F4DFD0; 		background: rgba(50,174,227,.8); 	}	.product .tab ul li:hover{		background: #FFAD01; 	}	.product .tab ul li:hover a{		color: #fff;	}	.product .pic ul li:hover{		background: #2460D2;	}	.product .pic ul li:hover div{		border-bottom: 1px solid #0263B2;	}	.product .pic ul li:hover p{		color: #fff;	}	.img-box{		overflow: hidden;	}	.img-box img{		transition: .5s;	}	.img-box:hover img{		transform: scale(1.05);	}	.honor ul li:hover{		background: #2460D2;	} 	.honor ul li:hover p{ 		color: #fff; 	} 	.news .left .intro h4:hover{ 		color: #2460D2; 	} 	.news ul li:hover .time b{ 		color: #2460D2; 	} 	.news ul li:hover .time p{ 		color: #2460D2; 	} 	.news ul li:hover .time i{ 		color: #2460D2; 		border: 1px solid  #2460D2; 	} 	.news ul li:hover .info h4{ 		color: #2460d2; 		text-decoration: underline; 	} 	.cases .swiper-slide:hover p{ 		color: #fff; 		background: #0263B2; 	} 	.newsSwiper .swiper-slide:hover .intro h4{ 		color: #0263b2; 	} 	.news-list ul li:hover{ 		border: 1px dotted#0263B2; 	}	.news-list ul li:hover .time{		background:#0263B2;	} 	.news-list ul li:hover .info h4{ 		color:#0263B2; 		background: url(../images/h01.png)  no-repeat right center; 	} 	.links ul li:hover a{ 		color:#0263B2; 	} 	.footer .menu ul li:hover{ 		background: #FFFFFF; 	} 	.footer .menu ul li:hover a{ 		color:#0263B2; 	} 	.more:hover{ 		background:#0263B2; 		border: 1px solid #0263B2; 		color: #fff; 	} 	.cases .more:hover{ 		background:#fff; 		color:#0263B2; 		border: 1px solid #fff; 	} 	}@media (max-width: 1440px){	.main{		width: 1200px;	}	.nav ul{		width: 1200px;	} 	.product .pic ul li{ 		width: 285px; 	} 	.product .pic ul li p{ 		line-height: 45px; 		height: 45px; 	} 	.about .tit{ 		width: 500px; 	} 	.about .intro{ 		width: 550px; 	} 	.adv .advSwiper .swiper-slide{ 		width: 380px; 		margin-left: 20px; 	} 	.cases .title{ 		margin-bottom: .4rem; 	} 	.cases .caseSwiper{ 		width: 587px; 		height: auto; 	} 	.cases ul{ 		width: 585px; 	} 	.cases ul li { 		width: 285px; 	} 	.cases ul li img{ 		height: auto; 	} 	.news .title{ 		margin-bottom: 0; 	} 	.news ul{ 		width: 660px; 	} 	.news ul li{ 		width: 325px; 	} 	.cp .swiper-slide{ 		width: 191px; 		  	} 	.links ul{ 		width: 1000px; 	}}@media screen and (max-width: 1199px){	.main{		width: 7.1rem;	}	.top{		height: auto;		padding: .2rem 0;		border-bottom: .02rem  solid #DADADA;	}	.top .main{		display: flex;		align-items: center;		justify-content: center;		height: auto;	} 	.top p{ 		font-size: .24rem; 		line-height: .4rem; 		padding: 0; 		display: -webkit-box; 		-webkit-line-clamp:2; 		-webkit-box-orient: vertical; 		overflow: hidden; 	} 	.top ul{ 		display: none; 	}	.head {		height: auto;	}  	.head .main{  		height: 1.6rem;  		padding: 0;  		min-height: auto;  		justify-content: center;  	}  	.head .name{  		width: 6.5rem;  	} 	.head .name img{  		width: 100%;  display:block;	}	.head .tel{		display: none;	}	.head .btn{		display: block;		width: .6rem;		height: .6rem;		background: url(../images/btn.png) no-repeat center;		background-size: 100% auto;	}  	.pcbanner{  		display: none;  	}  	.mbanner{  		display: block;  	}	.ing-banner img{		display: none;	}	.ing-banner img:last-child{		display: block;	} 		.mbanner img{		display: block;		width: 100%;	}	.mbanner .swiper-pagination{		display: flex;		justify-content: center;		align-items: center;	} .in-banner img{ display:none; } .in-banner img:last-child{display:block;}	.mbanner .swiper-pagination-bullet{		width: .3rem;		height: .3rem;		background: none;		opacity: 1;		position: relative;		display: block;		border: .02rem solid #fff;	}	.mbanner .swiper-pagination-bullet-active{		border: .02rem solid#0263B2;	}	.mbanner .swiper-pagination-bullet-active:after{		width: .1rem;		height: .1rem;		background:#0263B2;		position: absolute;		content: "";		left:50%;		top:50%;		border-radius: 50%;		margin-left: -.05rem;		margin-top: -.05rem;			}	.nav{		width: 100%;		height: auto;		overflow: hidden;	}	.nav ul{		width: 100%;		display: block;	}	.nav ul li{		width: 25%;		line-height: .8rem;		height: .8rem;		border-bottom: .02rem solid #5F94F9;		position: relative;	}	.nav ul li:after{		content: '';		width: .02rem;		height: 100%;		position: absolute;		right: 0;		top: 0;		background: #5F94F9;	}	.nav ul li a{		font-size: .3rem;	}	.nav ul li:nth-child(4n):after{		width: 0;		height: 0;		overflow: hidden;	} 	.title h4{		font-size: .46rem;	}	.title span{		font-size: .2rem;		letter-spacing: .04rem;	}	.title p{		font-size: .28rem;	}	 	.product{		margin-top: .8rem;		 	}	.product .tab{		width: 100%;		margin-top:.3rem;	}	.product .tab ul li{		width: 3.48rem;		margin-left: 0;		height: 1rem;		line-height: 1rem;		margin-top: .2rem;	}	.product .tab ul li:nth-child(2n){		float: right;	}	.product .tab ul li a{		font-size: .3rem;	}	 	.product .pic{		margin-top: .3rem;	}	.product .pic ul li{		width: 3.45rem;		height: auto;		margin-left: 0;		padding: .2rem;		padding-bottom: 0;	}	.product .pic ul li:nth-child(2n){		float: right;	}	.product .pic ul li p{		font-size: .3rem;		margin-top: 0;	height:auto;	line-height: .8rem;	}  	.about{		height: auto;		overflow: hidden;		background: none;		background:#E9EFFA;		margin-top: .5rem;		padding-bottom: .6rem;	}	.about .main{		display: block;		height: auto;		width: 100%;	}	.about .tit{		width: 100%;		height: 6.5rem;		overflow: hidden;		background: url(../images/mabout.jpg)no-repeat center;		background-size: cover;		border: none;		position: relative;	}	.about .tit:after{		content: '';		width: 6rem;		height:4.2rem;		position: absolute;		left: 50%;		top: 50%;		transform: translate3d(-50%, -50%, 0px);		border: .15rem solid #ffffff6f;	}	.about .tit b{		font-size: .6rem;	}	.about .tit p{		font-size: .46rem;	}	.about .intro{		width: 7rem;		margin: 0 auto;		margin-top: .4rem;	}	.about .intro h4{		text-align: center;		font-size: .42rem;	}	.about .intro .info{		font-size: .3rem;		line-height: .48rem;		margin-top: .3rem;		text-align: justify;	}	.about .intro a{		width: 4rem;		margin: 0 auto;		height: 1rem;		line-height: 1rem;		margin-top: .5rem;		font-size: .28rem;	}	.about .intro b{		font-size: .42rem;		margin-top: .4rem;		text-align: center;	}	.about .intro .tel{		margin-top: .2rem;		justify-content: center;	}	.about .intro .tel p{		font-size: .3rem;	}	.about .intro .tel img{	 	display: none;	}	.about .intro .tel span{		font-size: .3rem;	}	.honor{		padding: .6rem 0;	}	.honor .main{		width: 100%;	}	.honor .tit h4{		font-size: .48rem;	}	.honor .tit:after{		width: .72rem;		height: .04rem;	}	.honor .show{		margin-top: .4rem;	}	.honor .show .pic{		width: 50%;	}	.honor .pic ul li{		width: 12%;		margin-left: .5%;	}	.honor .show .pic ul li img{		width: 100%;		display: block;	}	.honor .pic ul li p{		font-size: .28rem;		line-height: .8rem;	}	.adv .advSwiper .swiper-wrapper{		display: flex;	}	.adv .advSwiper{		margin-top: .4rem;		overflow: hidden;	}	.adv .advSwiper .swiper-slide{		margin: 0;		padding: .2rem;		height: auto;	}	.adv .advSwiper .swiper-slide img{		display: block;		width: 100%;	}	.adv .advSwiper .swiper-slide .intro{		margin-top: 0;		height: 4.5rem;	}	.adv .advSwiper .swiper-slide .intro b{		font-size: .5rem;	}	.adv .advSwiper .swiper-slide .intro h4{		font-size: .42rem;	}	.adv .advSwiper .swiper-slide .intro p{		font-size: .28rem;		line-height: .42rem;	}	.cases{		margin-top: .6rem;	}	.cases .caseSwiper{		width: 100%;		margin-top: .4rem;		float: inherit;	}	.cases .swiper-slide p{		font-size: .3rem;		padding-right:40%;	}	.cases .swiper-pagination span{		width: .15rem;		height: .15rem;	}	.cases ul{		width: 100%;		margin-top: .4rem;	}	.cases ul li{		width: 3.45rem;	}	.cases ul li p{		font-size: .28rem;	} 	.news{ 		margin-top: .8rem; 		margin-bottom: .65rem; 	} 	.news .left{ 		width: 100%; 		height: auto; 		overflow: hidden; 		padding: .2rem; 		margin-top: .4rem; 	} 	.news .left .intro h4{ 		font-size: .3rem; 	} 	.news .left .intro span{ 		font-size: .24rem; 	} 	.news .left .intro p{ 		font-size: .28rem; 		line-height: .42rem; 		margin-top: .2rem; 	}	.news ul{		width: 100%;		margin-top: .4rem;	}	.news ul li{		width: 100%;		padding: .3rem;		margin-bottom: .2rem;		height: auto;		padding-top: .2rem;		padding-bottom: .3rem;	}	.news ul li .time {		height: auto;		align-items: flex-start;		padding-bottom: .2rem;	}	.news ul li .time b{		font-size: .5rem;		display: block;	}	.news ul li .time p{		font-size: .24rem;	}	.news ul li .time i{		width: .6rem;		height: .6rem;		line-height: .6rem;		font-size: .24rem;	}	.news ul li .info h4{		font-size: .32rem;	}	.news ul li .info p{		font-size: .26rem;		line-height: .42rem;	}	.cp{		margin-top: .6rem;		height: auto;		overflow: hidden;	}	.cp .cpSwiper{		margin-top: .5rem;		height: auto;		overflow: hidden;		 	}	.cp .swiper-wrapper{	 height: 2.5rem;	}	.cp .swiper-slide{		margin: 0;		width: 2.3rem;		margin-bottom: .1rem;		margin-right: .105rem;		margin-top: 0 !important;	}	.cp .swiper-pagination{		justify-content: center;		display: flex;		width: 100%;		margin-top: .3rem;		position: initial;	}  	.cp .swiper-pagination span{ 		display: block; 		margin: 0 .08rem; 		width: .4rem; 		height: .1rem; 		background: #9FA0A2; 		opacity: 1; 		border-radius: 10px; 	} 	.cp .swiper-pagination  .swiper-pagination-bullet-active{ 		background: #2460D2; 	} 	.footer{ 		margin-top: .8rem; 	} 	.footer .menu{ 		display: none; 	}	.news-list{		width: 7.1rem;		margin: 0 auto;	}	.news-list .title{		margin-top: .5rem;	}	.news-list ul{		margin-top: .4rem;	}	.news-list ul li{		border: .02rem solid #dcdcdc;		box-sizing: border-box;		height: auto;		overflow: hidden;		padding: .25rem;		width: 100%;		margin-bottom: .2rem;	}	.news-list ul li .time{		width: 1.4rem;		height: 1.4rem;	}	.news-list ul li .time b{		height: .7rem;		line-height: .7rem;		font-size: .42rem;	}	.news-list ul li .time p{		height: .5rem;		line-height: .5rem;		font-size: .32rem;		margin-top:.2rem;	}	.news-list ul li .time span{		font-size: .24rem;		display: block;		margin-top:.15rem;	}	.news-list ul li .time:after{		width: .3rem;		top: .7rem;		margin: 0;		transform: translateX(-50%);	}	.news-list ul li .info{		width: 4.8rem;		margin: 0;	}	.news-list ul li .info h4{		font-size: .3rem;		padding-right: .5rem;		background-size: .3rem auto;	}	.news-list ul li .info p{		font-size: .26rem;		line-height: .4rem;	}	.news-list ul li .info span{		margin-top: .05rem;		line-height: .42rem;		font-size: .26rem;		height: .8rem;		display: -webkit-box;	}	.img-list ul li{		margin: 0;		width: 3.45rem;		margin-bottom: .1rem;	}	.img-list ul li:nth-child(2n){		float: right;	}	.img-list ul li p{		font-size: .28rem;		height: .6rem;		line-height: .6rem;	}	.gotop{	 	position:fixed;	 	width: 1rem;	 	right: .1rem;	 	border-radius: 5px;	 	display: flex;	 	justify-content: center;	 	align-items: center;	 	z-index: 100;	 	bottom: 4rem;	 	height: 1rem;	 	background: #2460D2;	}	.gotop img{		height:.5rem;		display: block;	}	 		.footer {		padding: ;		padding-bottom: 2rem;	}	.footer .ewm{		display: none;	}	.footer .tit p{		font-size: .32rem;		text-align: center;	}	.footer .intro{width:100%;} .footer .info{		margin-top: .3rem;	}	.footer .info p{		text-align: center;		font-size: .24rem;	line-height:.48rem;}	.float-right{		display: none;	}	.links{		display: none;	}	.float{		display: none;	}	.page{		margin: .4rem 0;	}	.page ul li{		font-size: .26rem;		border: .02rem solid #ccc;		line-height: .5rem;		height: .5rem;		padding: 0 .15rem;	}	.page ul .thisclass{		border: .02rem solid #0263B2;	}	.crumbs{		padding: 0 .1rem;		box-sizing: border-box;	}	.crumbs .main{		width: 100%;	}	.crumbs .tit{		border-left: none;		height: .8rem;		margin-right: .3rem;	}	.crumbs div{		overflow: hidden;		 white-space: nowrap;    text-overflow: ellipsis;    color: #999;    font-size: .2rem;	}	.crumbs p{		line-height: .8rem;		font-size: .28rem;	}	.crumbs a{		font-size: .28rem;		display:inline;		line-height: .8rem;	}	.crumbs .tit img{		height: .4rem;		margin: 0 auto;		margin-top: .2rem;	}	.fn{		display: block;		position: fixed;		bottom: 0;		width: 7.5rem;		left: 50%;		z-index: 100;		margin-left: -3.75rem;	}	.fn ul {		display: flex;		justify-content: space-between;	}	.fn ul li{		float: left;		width:25%;		background:#0263B2;		height: auto;		overflow: hidden;		position: relative;	}	.fn ul li:after{		content: "";		width: .02rem;		height: 100%;		position: absolute;		right: 0;		top: 0;		background: #fff;	}	.fn ul li:last-child:after{		width: 0;		height: 0;		overflow: hidden;	}	 	.fn ul li img{		display: block;		margin: 0 auto;		margin-top: .3rem;		height: .5rem;	}	.fn ul li  p{		color: #fff;		font-size: .26rem;		text-align: center;		margin-top: .15rem;		margin-bottom: .2rem;	}	 	.about-article{		margin-top: .3rem;		margin-bottom: 0;	}	.about-article .title{		margin-top: .6rem;		margin-bottom: .4rem;	}	.about-article img{		max-width: 100%;		display: block;	}	.about-article .info{		font-size: .29rem;		line-height: .48rem;		margin: 0;		margin-top: .2rem;	}	.about-article .map{		height:5rem;		margin-top: .3rem;	}	.cont-article .title{		margin-top: .6rem;		margin-bottom: .4rem;	}	.cont-article{		width: 100%;	}	.cont-article ul li{		width: 100%;	}	.cont-article ul li img{		height: 1rem;	}	.cont-article ul li p{		font-size: .3rem;		margin-left: .3rem;	}	.detailed{		width: 100%;		height: auto;		overflow: hidden;		margin-top: .6rem;	}	.detailed .tit h4{		font-size: .38rem;	}	.detailed .tit span{		display: block;		line-height: .4rem;		font-size: .24rem;	}	.detailed .tit p{		padding: .1rem 0;	}	.detailed .info{		margin-top: .2rem;		font-size: .29rem;		line-height: .48rem;		text-align: justify;	}	.fy{		width: 7.1rem;		margin: .6rem auto;		margin-bottom: .3rem;		border:.02rem solid #ccc;		line-height: .7rem;	}	.fy p{		line-height: .7rem;		height: .7rem;		font-size:.24rem;		padding:0 .1rem;		width: 50%;		text-align: center;		box-sizing: border-box;		border-right: .02rem solid #ccc;	}	.fy p:nth-child(2){		border-right:  none;	}	 	.fy .return{		width: 100%;		box-sizing: border-box;		float: initial;		text-align: center;		float: left;		line-height: .7rem;		display: block;		border-left: none;		border-top: .02rem solid #ccc;	}	.message{		margin-top: .6rem;		width: 100%;		display: block;	}	.message img{		display: none;	}	.message  .bd{		padding: 0;		margin: 0;		padding: .3rem;		display: block;		width: 100%;		padding-bottom: .5rem;		margin-top: .3rem;		box-sizing: border-box;	}	.message form{		width: 100%;		float: initial;		margin: 0;	}	.message form ul li{		border: .02rem solid #d2d2d2;		box-sizing: border-box;	}	.message form ul li input{		display: block;		height: .8rem;	}	.message form ul li input{		width: 100%;		font-size: .3rem;		 	}	.message form .btn input{		width: 3.2rem;		height: .8rem;		font-size: .3rem;		margin-top: .2rem;	}	.message form ul li textarea{		width: 100%;		height: 2rem;	 	}}